<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">
<head>
    <meta charset="UTF-8" name="referrer"   content="no-referrer">
    <title>世木书评</title>
    <!--<script src="js/jquery-3.2.1.js"></script>-->
    <script src="js/index.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <style>
        body{
            background:#e5e5e5;
        }
        li{
            list-style: none;
        }
    </style>
</head>
<body>
<div class="logo">
    <div class="img">
        <a href="/"><img src="images/7.png" ></a>
    </div>
    <div class="font_tushuguan">
        <h3 class="shadow_tu">世 木 书 评</h3>
    </div>
    <div class="denglu" id="denglu_offect">
        <a th:if="${session.user == null}" href="https://github.com/login/oauth/authorize?client_id=33602684f31aa6ed32fb&redirect_uri=http://localhost:8080/callback&scope=user&state=1">登 录</a>
        <div th:if="${session.user != null}">
            <p th:text="${session.user.getName()}"></p>
        </div>
    </div>
</div>
<!--导航-->
<header id="nav">
    <ul class="nav justify-content-center col-sm-12">

    </ul>
</header>
<!--内容-->
<div class="container">

	<hr class="my-4">
    <div class="content_nav row">
        <ul class="">
            <li>
                <a href="/">	主页推荐</a>
                <div class="mask">
                    <a href="/"></a>
                </div>
            </li>
            <li>
                <a href="/search">	查询图书</a>
                <div class="mask">
                    <a href="/search"></a>
                </div>
            </li>
            <li>
                <a href="/list">	书籍列表</a>
                <div class="mask">
                    <a href="/list"></a>
                </div>
            </li>
            <li>
                <a href="https://book.douban.com/">	友情链接</a>
                <div class="mask">
                    <a href="https://book.douban.com/"></a>
                </div>
            </li>
            <li>
                <a href="/admin_login123x">	后台管理</a>
                <div class="mask">
                    <a href="/admin_login123x"></a>
                </div>
            </li>
        </ul>
    </div>
    <!--特色图片-->
    <div class="tese row">
        <div class="titlehead col-md-12">
            <h3><span>本站推荐</span></h3>
            <span class="tesehead_line"></span>
        </div>
        <div class="col-md-12">
            <div class="tese_content" >
<!--                <ul class="teseimg" th:each="us : ${bookMessageArrayList}">-->
<!--                    <li>-->
<!--                        <div>-->
<!--                            <a href="/book" th:href="'/book?isbn=' + ${us.getIsbn()}" ><img src="https://img3.doubanio.com/view/subject/s/public/s33766370.jpg" th:src="${us.getBookCoverUrl()}"></a>-->
<!--                         -->
<!--                        </div>-->
<!--                    </li>-->
<!--                </ul>-->
                <ul class="teseimg" th:each="i : ${books}">
                    <li>
                        <div>
                            <a href="/book?isbn=124" th:href="'/book?isbn='+${i.getBook_isbn()}"><img src="https://img1.doubanio.com/view/subject/s/public/s33766017.jpg" th:src="${i.getBook_cover_url()}"></a>

                        </div>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!--推荐列表-->
    <div class="new_list row">
            <div class="rank_list">
            <div class="new_list_1">
                <div class="new_list_head">
                    <h5>评论排行</h5>
                    <p class="new_list_more"><a href="/search">更多 +</a></p>
                </div>
                <hr>
                <ul class="list_3">
                    <li>
                        <div class="list_1">
                            <div class="list_1_right">
                                <h3>NO.1</h3>
                                <h4><a href="booksdetails.html" th:href="'/book?isbn='+${pinglun.get(0).getBookid()}" th:text="${book_pinglunRank.get(0).getBook_names()}">麦田里的守望者</a></h4>
                                <p><em th:text="${pinglun.get(0).getCom_count()}">1888</em>评论</p>
                            </div>
                            <div class="list_1_left">
                                <a href="booksdetails.html" th:href="'/book?isbn='+${pinglun.get(0).getBookid()}" ><img src="images/maitian.jpg" th:src="${book_pinglunRank.get(0).getBook_cover_url()}" style="width: 110px;height: 100px;"></a>
                            </div>
                        </div>
                    </li>
                    <li class="data_rid_2">
                        <div class="num-box">
                            <span class="num2">2</span>
                        </div>
                        <div class="nama-box">
                            <a href="booksdetails.html" th:href="'/book?isbn='+${pinglun.get(1).getBookid()}" th:text="${book_pinglunRank.get(1).getBook_names()}">追风筝的人</a>
                            <i class="total" th:text="${pinglun.get(1).getCom_count()}" >1565</i>
                        </div>
                    </li>
                    <li class="data_rid_2">
                        <div class="num-box">
                            <span class="num3">3</span>
                        </div>
                        <div class="nama-box">
                            <a href="booksdetails.html" th:href="'/book?isbn='+${pinglun.get(2).getBookid()}" th:text="${book_pinglunRank.get(2).getBook_names()}">第七天</a>
                            <i class="total" th:text="${pinglun.get(2).getCom_count()}">1131</i>
                        </div>
                    </li>
                    <li class="data_rid_2">
                        <div class="num-box">
                            <span class="num4">4</span>
                        </div>
                        <div class="nama-box">
                            <a href="booksdetails.html" th:href="'/book?isbn='+${pinglun.get(3).getBookid()}" th:text="${book_pinglunRank.get(3).getBook_names()}">第七天</a>
                            <i class="total" th:text="${pinglun.get(3).getCom_count()}">1131</i>
                        </div>
                    </li>


                </ul>
            </div>
        </div>
            <div class="rank_list">
                <div class="new_list_1">
                    <div class="new_list_head">
                        <h5>点赞排行</h5>
                    </div>
                    <hr>
                    <ul class="list_3">
                        <li>
                            <div class="list_1">
                                <div class="list_1_right">
                                    <h3>NO.1</h3>
                                    <h4><a href="booksdetails.html" th:href="'/book?isbn='+${book_likeRank.get(0).getBook_isbn()}" th:text="${book_likeRank.get(0).getBook_names()}">第七天</a></h4>
                                    <p><em th:text="${likeRank.get(0).getLike_count()}">1288</em>点赞</p>
                                </div>
                                <div class="list_1_left">
                                    <a href="booksdetails.html" th:href="'/book?isbn='+${book_likeRank.get(0).getBook_isbn()}" ><img src="images/diqi.jpg" th:src="${book_likeRank.get(0).getBook_cover_url()}" style="width: 110px;height: 100px;"></a>
                                </div>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num2">2</span>
                            </div>
                            <div class="nama-box">
                                <a href="booksdetails.html"  th:href="'/book?isbn='+${book_likeRank.get(1).getBook_isbn()}" th:text="${book_likeRank.get(1).getBook_names()}">逃离</a>
                                <i class="total" th:text="${likeRank.get(1).getLike_count()}">684</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num3">3</span>
                            </div>
                            <div class="nama-box">
                                <a href=""  th:href="'/book?isbn='+${book_likeRank.get(2).getBook_isbn()}" th:text="${book_likeRank.get(2).getBook_names()}">天黑以后</a>
                                <i class="total" th:text="${likeRank.get(2).getLike_count()}">660</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num4">4</span>
                            </div>
                            <div class="nama-box">
                                <a href=""  th:href="'/book?isbn='+${book_likeRank.get(3).getBook_isbn()}" th:text="${book_likeRank.get(3).getBook_names()}">以自己喜欢的方式过一生</a>
                                <i class="total" th:text="${likeRank.get(2).getLike_count()}">600</i>
                            </div>
                        </li>


                    </ul>
                </div>
            </div>
            <div class="rank_list">
                <div class="new_list_1">
                    <div class="new_list_head">
                        <h5>评分排行</h5>
                        <!-- <p class="new_list_more"><a href="#">更多 +</a></p> -->
                    </div>
                    <hr>
                    <ul>
                        <li>
                            <div class="list_1">
                                <div class="list_1_right">
                                    <h3>NO.1</h3>
                                    <h4><a href="">解忧杂货店</a></h4>
                                    <p><em>1688</em>推荐</p>
<!--                                    <p>-->
<!--                                        <a href="">推理</a>-->
<!--                                        <a href="">悬疑</a>-->
<!--                                    </p>-->
                                </div>
                                <div class="list_1_left">
                                    <a href="booksdetails.html"><img src="images/jieyou.jpg" style="width: 110px;height: 100px;"></a>
                                </div>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num2">2</span>
                            </div>
                            <div class="nama-box">
                                <a href="">三毛全集：撒哈拉的故事</a>
                                <i class="total">1456</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num3">3</span>
                            </div>
                            <div class="nama-box">
                                <a href="">谢谢你离开我</a>
                                <i class="total">1356</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num4">4</span>
                            </div>
                            <div class="nama-box">
                                <a href="">世界上的另一个你</a>
                                <i class="total">1265</i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="rank_list">
                <div class="new_list_1">
                    <div class="new_list_head">
                        <h5>搜索排行</h5>
                        <!-- <p class="new_list_more"><a href="#">更多 +</a></p> -->
                    </div>
                    <hr>
                    <ul>
                        <li>
                            <div class="list_1">
                                <div class="list_1_right">
                                    <h3>NO.1</h3>
                                    <h4><a href="">别相信任何人</a></h4>
                                    <p><em>1654</em>推荐</p>
<!--                                    <p>-->
<!--                                        <a href="">长篇小说</a>-->
<!--                                        <a href="">悬疑</a>-->
<!--                                    </p>-->
                                </div>
                                <div class="list_1_left">
                                    <a href=""><img src="images/biexiangxin.jpg" style="width: 110px;height: 100px;"></a>
                                </div>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num2">2</span>
                            </div>
                            <div class="nama-box">
                                <a href="">爱情和其他魔鬼</a>
                                <i class="total">1526</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num3">3</span>
                            </div>
                            <div class="nama-box">
                                <a href="">岛</a>
                                <i class="total">1421</i>
                            </div>
                        </li>
                        <li class="data_rid_2">
                            <div class="num-box">
                                <span class="num4">4</span>
                            </div>
                            <div class="nama-box">
                                <a href="">百年孤独</a>
                                <i class="total">1405</i>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

    </div>
</div>
<div class="container">
    <!--消息列表-->
    <div class="row news">
        <div class="col-md-12">
            <div class="gonggao">
                <div class="news_left">
                    <h2 class="line_h2"><a href="news.html">热门书评</a></h2>
                    <!-- <p class="news_p"><a href="news.html">更多 +</a></p> -->
                </div>
                <div class="line">
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(0)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(0).getBookid()}" th:text="${footer.get(0).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(0).getBookid()}" th:text="${footer.get(0).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(1)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(1).getBookid()}" th:text="${footer.get(1).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(1).getBookid()}" th:text="${footer.get(1).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(2)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(2).getBookid()}" th:text="${footer.get(2).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(2).getBookid()}" th:text="${footer.get(2).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(3)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(3).getBookid()}" th:text="${footer.get(3).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(3).getBookid()}" th:text="${footer.get(3).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(4)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(4).getBookid()}" th:text="${footer.get(4).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(4).getBookid()}" th:text="${footer.get(4).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                    <div class="new_content_list">
                        <span>
                           <span class="linespan" th:text="${date.get(5)}">09/05</span>
                        </span>
                        <span class="gonggaokuang"><a href="" th:href="'/book?isbn='+${footer.get(5).getBookid()}" th:text="${footer.get(5).getAccountname()}">ivhy</a></span>
                        <span class="gonggaocontent"><a href="newscontent.html" th:href="'/book?isbn='+${footer.get(5).getBookid()}" th:text="${footer.get(5).getComcontext()}">再后来，10月底，天昭七十万字的长篇《无中生有》出版，李诞在微博上写，“无中生有是件不断发生的事，人生是个分形，天昭看见了，并且写下来了，现在该我们看了”，寥寥几句，说到要害。我在微博上关注了李诞，偶尔会读到他发出来的短诗，非常喜欢。李诞是我几位作者的朋友、真读者：这是当时的我对他唯一的了解。</a></span>
                    </div>
                </div>
         </div>
    </div>
    </div>
	</div>
<!--底部-->
<div class="btnover">
    <div class="btnp">
        教学相长 见贤思齐 乐教善成 勤学教思
        <br/>
    </div>
</div>
</body>
</html>